<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消息</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="vip_header">
			<div class="container clearfix">
				<a href="index.html" class="logo"><img src="images/logo.png" alt="LOGO" /></a>
				<ul>
					<li><a href="">首页</a></li>
					<li class="account">账户设置<img src="images/bigmore.png" alt="" />
						<ul>
							<li><a href="">个人信息</a></li>
							<li><a href="">账户安全</a></li>
							<li><a href="">手机绑定</a></li>
							<li><a href="">收货地址</a></li>
							<li><a href="">消息提醒</a></li>
							<li><a href="">修改登录密码</a></li>
						</ul>
					</li>
					<li><a href="">消息</a></li>
				</ul>
				<div>
					<input type="text" placeholder="新款服饰抢先看"/>
					<button>搜索</button>
					<span>我的购物车<i>0</i></span>
				</div>
			</div>
		</div>
		
		<div class="vip_main message container clearfix">
			<div class="left l">
				<ul class="f14 three">
					<li>我的资料
						<ul>
							<li><a href="">我的信息</a></li>
							<li><a href="">个人头像</a></li>
						</ul>
					</li>
					<li>优惠特权
						<ul>
							<li><a href="">优惠券</a></li>
						</ul>
					</li>
					<li>我的足迹</li>
					<li>收货地址</li>
					<li class="last">我的订单
						<ul>
							<li><a href="">全部订单</a></li>
							<li><a href="">待付款</a></li>
							<li><a href="">待收货</a></li>
							<li><a href="">待评价</a></li>
							<li><a href="">退款退货</a></li>
						</ul>
					</li>
				</ul>
			</div>
	
			<div class="right l">
				<p class="f20">服务消息<span class="f12 nine">(共16条)</span></p>
				<ul>
					<li class="f16">
						<img src="images/delete.png" alt="删除" class="delete"/>
						<div class="operate f12 nine">
							<p>删除此条消息</p>
							<p class="shield">屏蔽此条消息</p>
						</div>
						<p><span class="bold">三网合一物流：</span>您购买的宝贝有新动态</p>
						<div class="clearfix">
							<a href=""><img src="images/dd.png" alt="" /></a>
							<div class="l f16 nine">
								<p>订单号：313165082****604</p>
								<p>快递已签收</p>
								<a href="">去看看</a>
							</div>
						</div>
						<p class="time nine">
							<span>一天前</span>
							<span>来自<a href="" class="red">三网合一物流</a></span>
						</p>
					</li>
					<li class="f16">
						<img src="images/delete.png" alt="删除" class="delete"/>
						<p><span class="bold">三网合一物流：</span>您购买的宝贝有新动态</p>
						<div class="clearfix">
							<a href=""><img src="images/dd.png" alt="" /></a>
							<div class="l f16 nine">
								<p>订单号：313165082****604</p>
								<p>快递已签收</p>
								<a href="">去看看</a>
							</div>
						</div>
						<p class="time nine">
							<span>一天前</span>
							<span>来自<a href="" class="red">三网合一物流</a></span>
						</p>
					</li>
					<li class="f16">
						<img src="images/delete.png" alt="删除" class="delete"/>
						<p><span class="bold">三网合一物流：</span>您购买的宝贝有新动态</p>
						<div class="clearfix">
							<a href=""><img src="images/dd.png" alt="" /></a>
							<div class="l f16 nine">
								<p>订单号：313165082****604</p>
								<p>快递已签收</p>
								<a href="">去看看</a>
							</div>
						</div>
						<p class="time nine">
							<span>一天前</span>
							<span>来自<a href="" class="red">三网合一物流</a></span>
						</p>
					</li>
					<li class="f16">
						<img src="images/delete.png" alt="删除" class="delete"/>
						<p><span class="bold">三网合一物流：</span>您购买的宝贝有新动态</p>
						<div class="clearfix">
							<a href=""><img src="images/dd.png" alt="" /></a>
							<div class="l f16 nine">
								<p>订单号：313165082****604</p>
								<p>快递已签收</p>
								<a href="">去看看</a>
							</div>
						</div>
						<p class="time nine">
							<span>一天前</span>
							<span>来自<a href="" class="red">三网合一物流</a></span>
						</p>
					</li>
					<li class="f16">
						<img src="images/delete.png" alt="删除" class="delete"/>
						<p><span class="bold">三网合一物流：</span>您购买的宝贝有新动态</p>
						<div class="clearfix">
							<a href=""><img src="images/dd.png" alt="" /></a>
							<div class="l f16 nine">
								<p>订单号：313165082****604</p>
								<p>快递已签收</p>
								<a href="">去看看</a>
							</div>
						</div>
						<p class="time nine">
							<span>一天前</span>
							<span>来自<a href="" class="red">三网合一物流</a></span>
						</p>
					</li>
				</ul>
				<div class="page nine clearfix">
					<p>上一页</p>
					<p class="selected">1</p>
					<p>2</p>
					<p>下一页</p>
				</div>
			</div>
		</div>
		<div class="recent_news container clearfix">
			<ul>
				<li class="dynamic">
					<p class="f18">最新动态</p>
					<div class="wrap">
						<div>
							<a href="">
								<img src="images/dt1.png" alt="" />
								<p>韩都衣舍携手章子怡出资打造彩妆品牌...</p>
							</a>
							<a href="" class="middle">
								<img src="images/dt2.png" alt="" />
								<p>韩都衣舍携手章子怡出资打造彩妆品牌...</p>
							</a>
							<a href="">
								<img src="images/dt3.png" alt="" />
								<p>韩都衣舍携手章子怡出资打造彩妆品牌...</p>
							</a>
						</div>
						<hr />
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
					</div>
				</li>
				<li class="answer">
					<p class="f18">推荐问答</p>
					<div class="wrap">
						<form action="" class="clearfix">
							<input type="text" placeholder="简单描述你的问题"/>
							<button>找答案</button>
							<a href="">去提问</a>
						</form>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						
					</div>
				</li>
				<li class="info clearfix">
					<p class="f18">热门资讯</p>
					<div class="wrap">
						<div class="clearfix">
							<a href="">
								<img src="images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
						<div class="clearfix">
							<a href="">
								<img src="images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
						<div class="clearfix">
							<a href="">
								<img src="images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
						<div class="clearfix">
							<a href="">
								<img src="images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
					</div>
				</li>
				
				
				
			</ul>
			
		</div>
		<!--底部-->
		<div class="footer clearfix">
			<div class="top container f16 three">
				<span class="a">全国包邮</span>
				<span class="b">正品保障</span>
				<span class="c">售后无忧</span>
				<span class="last">准时送达</span>
			</div>
			<div class="middle container f14 three clearfix">
				<ul>
					<li>
						<p>购物指南</p>
						<p>
							<a href="">购物流程</a>
						</p>
						<p>
							<a href="">会员制度</a>
						</p>
						<p>
							<a href="">订单查询</a>
						</p>
						<p>
							<a href="">发票制度</a>
						</p>
						<p>
							<a href="">常见问题</a>
						</p>
					</li>
					<li>
						<p>支付/配送方式</p>
						<p>
							<a href="">货到付款</a>
						</p>
						<p>
							<a href="">网上支付</a>
						</p>
						<p>
							<a href="">银行转账</a>
						</p>
						<p>
							<a href="">礼品卡支付</a>
						</p>
						<p>
							<a href="">其他支付</a>
						</p>
					</li>
					<li>
						<p>购物条款</p>
						<p>
							<a href="">配送范围及运费</a>
						</p>
						<p>
							<a href="">配送进度查询</a>
						</p>
						<p>
							<a href="">自提服务</a>
						</p>
						<p>
							<a href="">商品验货与签收</a>
						</p>
					</li>
					<li>
						<p>售后保障</p>
						<p>
							<a href="">退换货政策</a>
						</p>
						<p>
							<a href="">退换货流程</a>
						</p>
						<p>
							<a href="">退款说明</a>
						</p>
						<p>
							<a href="">延保说明页面</a>
						</p>
						<p>
							<a href="">联系客服</a>
						</p>
					</li>
					<li>
						<p>商家合作</p>
						<p>
							<a href="">商家入驻</a>
						</p>
						<p>
							<a href="">商必赢</a>
						</p>
						<p>
							<a href="">平台规则</a>
						</p>
						<p>
							<a href="">企业采购</a>
						</p>
					</li>
					<li class="last">
						<p>APP更优惠</p>
						<img src="images/code.png" alt="微信扫码" />
					</li>
				</ul>
			</div>
			<div class="bottom">
				<div class="container fff f12">
					<p class="friendly_link">
						友情链接：
						<a href="">淘宝&#x3000;|</a>
						<a href="">衣联网&#x3000;|</a>
						<a href="">高德&#x3000;|</a>
						<a href="">虾米&#x3000;|</a>
						<a href="">时尚品牌网&#x3000;|</a>
						<a href="">全球购&#x3000;|</a>
						<a href="">梦芭莎&#x3000;|</a>
						<a href="">乐淘网&#x3000;|</a>
						<a href="">天天特价</a>
					</p>
					<p class="a">
						<a href="">关于我们</a>
						<a href="">联系我们</a>
						<a href="">商家入驻</a>
						<a href="">商家登录</a>
						<a href="">隐私政策</a>
						<a href="">风险监测</a>
					</p>
					<p class="b">
						<span>经营许可证：豫ICP备14050023号&#x3000;|</span>
						<span>&#x3000;网络文化经营许可证京网文[2014]2148-348号</span>
						<span>&#x3000;客服电话：4006067733</span>
					</p>
					<p class="c">
						<a>技术支持：郑州云图信息技术有限公司 &nbsp;&nbsp;&nbsp;|</a>
						<span>&#x3000;Copyright 2014-2017 三网合一版权所有</span>
					</p>
				</div>
			</div>
		</div>
		<!--[if !IE]> -->
     	<script src="js/jquery-2.0.2.js"></script>
		<!-- <![endif]-->
		<!--[if lte IE 8]>
        <script src="js/jquery-1.10.1.js"></script>
		<![endif]-->
		<!--[if gt IE 8]> -->
        <script src="js/jquery-2.0.2.js"></script>
		<!-- <![endif]-->
		<script src="js/index.js"></script>
	</body>
</html>
